import logo from './logo.svg';
import './App.css';
// 空标签
// import Empty from './components/Empty';

// 虚拟dom与真实dom比较
// import Virtual from './components/Virtual';

// 状态state异步回调
// import StateAsync from './components/StateAsync';

// context跨级组件传值
// import ContextLevel from './components/ContextLevel';

// 挂载阶段生命周期
// import MountLife from './components/MountLife';

// shouldComponentUpdate
// import CtrlUpdate from './components/CtrlUpdate';

// state更新阶段生命周期
// import StateUpdateLife from './components/StateUpdateLife';

// props更新阶段生命周期
// import PropsUpdateLife from './components/PropsUpdateLife';

// 卸载阶段
// import Unmount from './components/Unmount';

// hooks
// useContext
// import UseContextTest from './components/hooks/UseContextTest';

// useReducer
// import UseReducerTest from './components/hooks/UseReducerTest';

// seContext搭配useReducer实现react-redux
// import UseContextReducerTest from './components/hooks/UseContextReducerTest';

// useRef
// import UseRefTest from './components/hooks/UseRefTest';

// Fragment
// import FragmentTest from './components/FragmentTest';

// 错误边界01测试 componentDidCatch
// import Test from './components/error/Test';

// HOC高阶组件
// import Hoc from './components/Hoc';

// azyloadAndSuspense用法
import Father from './components/LazyloadAndSuspense/Father';

function App() {
  return (
    <div className="App">
      <header className="App-header">
        <img src={logo} className="App-logo" alt="logo" />
      </header>
      <div className="App-bd">
        {/* <Empty /> */}
        {/* <Virtual /> */}
        {/* <StateAsync /> */}
        {/* <ContextLevel /> */}
        {/* <MountLife /> */}
        {/* <CtrlUpdate /> */}
        {/* <StateUpdateLife /> */}
        {/* <PropsUpdateLife /> */}
        {/* <Unmount /> */}
        {/* <UseContextTest /> */}
        {/* <UseReducerTest /> */}
        {/* <UseContextReducerTest /> */}
        {/* <UseRefTest /> */}
        {/* <FragmentTest /> */}
        {/* <Test /> */}
        {/* <Hoc /> */}
        <Father />
      </div>
    </div>
  );
}

export default App;
